<template>
    <div class="app-container">
        <el-container>
            <el-header>     
                试卷名称：{{ this.$route.query.name }}
                <div class="app">
                    <h2>尊敬的{{ name }} ：</h2>
                    <h3>    欢迎参加本次测验。在开始测验前，我们需要您仔细阅读并同意以下内容：</h3>
                </div>
            </el-header>
            <el-main>
                <br><br>
                <div  class="app">
                    <h4>    1.确认身份：请您在进行测试前确认测试的试卷是否正确，这将会记录到您的作业记录中。</h4>
                    <h4>    2.文明考试：请您在测试中保持安静，不得交流、作弊、抄袭等违规行为，遵守考场纪律。</h4>
                    <h4>    3.遵守考试规定：请您遵守测试规定，如测试时间、试题分值、答题要求等。如有疑问，请及时向老师咨询。</h4>
                    <h4>    4.保护考试安全：请您保护考试秩序和安全，不得随意离开座位，不得出现手机、电子设备等非考试用品在摄像头前。</h4>
                    <h4>    5.合理管理时间：请您合理安排测试时间，根据题目难易程度和自己的水平，合理分配时间，确保完成试卷。</h4>
                    <h4>    6.诚信测试：请您保持诚信，认真答题，不得抄袭、抄题、剽窃等违反考试规定的行为。如发现作弊行为，将严肃处理。</h4>
                    <h4>    7.请您在测试前认真阅读以上内容，并在勾选我已同意选项。祝您测试顺利！</h4>
                </div>
            </el-main>
            <el-footer>
                <div class="app">
                    <template>
                        <el-checkbox v-model="checked">我已阅读测试通知</el-checkbox>
                    </template>
                </div>
            </el-footer>
            <div class="app">
                <el-button type="primary" :disabled="!checked"  @click="Start()">开始测验</el-button>
            </div>
        </el-container>




    </div>
  </template>
  <script>
import { mapGetters } from 'vuex'
import api from '@/api/El/eluserPaper'
  export default {
  computed: {
    ...mapGetters([
      'name',
    ])
  },
    data() {
      return {
        checked:'',
        fullscreenLoading: false
      }
    },

    methods: {
        
        Start(){
            const loading = this.$loading({
            lock: true,
            text: '正在初始化试卷......',
            spinner: 'el-icon-loading',
            background: 'rgba(0, 0, 0, 0.7)'
            });

            let paperId = this.$route.query.id
            api.CreatPaperToUser(paperId).then(resp => {
                loading.close();
                this.$router.push('/work/Working?paperId='+paperId+'&elUserPaperId='+resp.data);
            })
        }
    }
  }
  </script>
<style>
.app {
    text-align: center;
}
</style>